<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>空白页 - 默笙后台管理系统</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta content="这不仅仅是一个后台管理系统，它基于BT4，超强的自适应，简洁，高效，大方" />
        <meta content="Mosheng" name="author" />


        <!-- App favicon -->
        <link rel="shortcut icon" href="assets/images/favicon.ico">

        <!-- App css -->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="css/icons.min.css" rel="stylesheet" type="text/css" />
        <link href="css/app.min.css" rel="stylesheet" type="text/css" />
        <!-- App js -->
        <script src="/js/vendor.min.js"></script>
        <script src="/js/app.min.js"></script>

        <script src="js/vue.js"></script>
        <script src="js/axios.min.js"></script>
    </head>

    <body>
        <div id="app">
           <!-- Navigation Bar-->
        <header id="topnav">
            <nav class="navbar-custom">

                <div class="container-fluid">
                    <ul class="list-unstyled topbar-right-menu float-right mb-0">

                        <li class="dropdown notification-list">
                            <!-- Mobile menu toggle-->
                            <a class="navbar-toggle nav-link">
                                <div class="lines">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </div>
                            </a>
                            <!-- End mobile menu toggle-->
                        </li>

                        

                        <li class="dropdown notification-list">
                            <a class="nav-link dropdown-toggle nav-user mr-0" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                                <img src="assets/images/users/2.jpg" alt="user-image" class="rounded-circle">
                                <small class="pro-user-name ml-1">
                                    Admin
                                </small>
                            </a>
                            <div class="dropdown-menu dropdown-menu-right dropdown-menu-animated profile-dropdown ">
                                <!-- item-->
                                <div class="dropdown-header noti-title">
                                    <h6 class="text-overflow m-0">欢迎 !</h6>
                                </div>

                                <!-- item-->
                                <a href="javascript:void(0);" class="dropdown-item notify-item">
                                    <i class="fe-user"></i>
                                    <span>管理员设置</span>
                                </a>

                                <!-- item-->
                                <a href="javascript:void(0);" class="dropdown-item notify-item">
                                    <i class="fe-settings"></i>
                                    <span>日志</span>
                                </a>

                                <div class="dropdown-divider"></div>

                                <!-- item-->
                                <a href="javascript:void(0);" class="dropdown-item notify-item">
                                    <i class="fe-log-out"></i>
                                    <span>退出</span>
                                </a>

                            </div>
                        </li>

                    </ul>

                    <ul class="list-inline menu-left mb-0">
                        <li class="float-left">
                            <a href="#" class="logo">
                                <span class="logo-lg" >
                                    <img src="assets/images/111.png" alt="" height="42">
                                </span>
                                <!-- <span class="logo-sm">
                                    <img src="assets/images/logo-sm.png" alt="" height="28">
                                </span> -->
                            </a>
                        </li>
<!--                        <li class="app-search">-->
<!--                            <form>-->
<!--                                <h2 style="color: azure;">学 习 养 成 计 划</h2>-->
<!--                            </form>-->
<!--                        </li>-->
                    </ul>
                </div>

            </nav>
            <!-- end topbar-main -->

            <div class="topbar-menu">
                <div class="container-fluid">
                    <div id="navigation">
                        <!-- Navigation Menu-->
                        <ul class="navigation-menu">

                            <li class="has-submenu" v-for="m in mymenus" >
                                <a :href="m.url">
                                    <i class="fe-layers" ></i>{{m.title}}</a>
                                <ul class="submenu" >
                                    <li v-for="s in m.children">
                                        <a :href="s.url">{{s.title}}</a>
                                    </li>
                                </ul>
                            </li>


                        </ul>
                        <!-- End navigation menu -->

                        <div class="clearfix"></div>
                    </div>
                    <!-- end #navigation -->
                </div>
                <!-- end container -->
            </div>
            <!-- end navbar-custom -->
        </header>
        <!-- End Navigation Bar-->

        <div class="wrapper" style="padding-top: 65px;">
            <div class="container-fluid">

                <!-- start page title -->
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">
                            <div class="page-title-right">
                                <ol class="breadcrumb m-0">
                                    <li class="breadcrumb-item"><a href="#">默笙</a></li>
                                    <li class="breadcrumb-item"><a href="#">页面</a></li>
                                    <li class="breadcrumb-item active">空白页</li>
                                </ol>
                            </div>
                            <h4 class="page-title">空白页</h4>
                        </div>
                    </div>
                </div>
                <!-- end page title -->


            </div> <!-- end container -->
        </div>
        <!-- end wrapper -->
<!--        此处编辑主要内容：-->
        <div>主要内容</div>




        <!-- Footer Start -->
        <footer class="footer">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-6">
                        Mosheng Admin &copy; 2018 - tecms.net
                    </div>
                    <div class="col-md-6">
                        <div class="text-md-right footer-links d-none d-sm-block">
                            <a href="#">关于我们</a>
                            <a href="#">帮助</a>
                            <a href="#">联系我们</a>
                        </div>
                    </div>
                </div>
            </div>
        </footer>        <!-- end Footer -->



        </div>
        

    </body>
</html>
<script>
    var vm = new Vue({
        el:"#app",
        data:{
           mymenus:[

           ]
        },
        methods:{},
        mounted(){
            _this = this
            axios.get('js/MenuInfo.json')
              .then(function (response) {
                  var str = response.data
                  str = eval('('+ str +')');
                  _this.mymenus = str;
                 console.log(_this.mymenus);

               })
              .catch(function (error) {
                 console.log(error);
               })
        }
    })
</script>
